﻿@{
    ViewData["Title"] = "Index";
    Layout = null;
}


<link href="~/libs/layui-v2.5.6/layui/css/layui.css" rel="stylesheet" />


@* 查询条件 *@
<form class="layui-form layui-row layui-col-space16">
    <div class="layui-col-sm3">
        <input type="text" name="A" id="notificationName" placeholder="通知单名称" class="layui-input">
    </div>
    <button type="button" class="layui-btn layui-bg-blue" id="searchButton">查询</button>
    <button type="button" class="layui-btn" onclick="location.reload()">重置</button>
    <button type="button" class="layui-btn layui-bg-purple" id="addButton">添加</button>
</form>


@* 显示数据表格 *@
<table class="layui-hide" id="mainData" lay-filter="mainData" style="margin-top: 10px;margin-left: 20px">
</table>


<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="upd">修改</a>
    <a class="layui-btn layui-btn-orange layui-btn-xs" lay-event="delete">删除</a>
</script>


<script src="~/libs/layui-v2.5.6/layui/layui.js"></script>
<script src="~/libs/jquery/jquery.js"></script>

<script>
    layui.use(['table', 'form'], function () {
        var table = layui.table;
        var form = layui.form;

        // 渲染数据表格
        function showData(){
            console.log("渲染数据表格");
              table.render({
                  elem: '#mainData',
                  url: '/NoticeOfArrival/Display', // 实际接口地址
                  page: true, // 开启分页
                  limit: 10, // 每页默认显示的条数
                  limits: [10, 20, 30], // 每页条数的选择项
                  cols: [
                       [
                              {
                                field: 'notificationCode',
                                title: '入库编号',
                                width: 150,
                                sort: true,
                                align: 'center',
                                templet: function(d) {
                                    return '<a href="javascript:void(0);" onclick="openPopup(\'' + d.notificationCode + '\')">' + d.notificationCode + '</a>';
                                }
                              },                         
                              { field: 'notificationName', title: '通知单名称', width: 150, align: 'center' },
                              { field: 'purchaseOrderCode', title: '采购订单编号', width: 150, align: 'center' },
                              { field: 'arrivalDates', title: '供应商名称', width: 150, align: 'center' },
                              { field: 'arrivalDate', title: '到货日期', width: 150, align: 'center' },
                              { field: 'contactPerson', title: '联系人', width: 150, align: 'center' },
                              { field: 'contactInformation', title: '联系方式', width: 150, align: 'center' },
                              { field: 'remark', title: '备注', width: 150, align: 'center' },
                              { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150, align: 'center' }
                       ]
                   ],
                  where: {
                      notificationName: $("#notificationName").val(), //获取输入框的单位代码
                      page:1,
                      limit:10
                  },
                  parseData: function (res) {
                      console.log(res);
                      return {
                          code: res.code,
                          count: res.count,
                          data: res.data
                      };
                  },
              })
        }


        showData()


        //查询
        $("#searchButton").on("click", function() {
            console.log("查询");
            showData();
        });


        //删除
        table.on('tool(mainData)', function (obj) {
            var data = obj.data;
            if (obj.event === 'delete') {
                layer.confirm('确定删除吗？', function (index) {
                    $.ajax({
                        url: '/WorkStation/DeleteWorkStation',
                        type: 'post',
                        data: { id: data.id },
                        success: function (res) {
                            if (res === 1) {
                                layer.msg(res.msg, { icon: 1, time: 1000 }, function () {
                                    showData();
                                });
                            } else {
                                layer.msg(res.msg, { icon: 2, time: 1000 });
                            }
                        }
                    });
                });
            }
            if (obj.event === 'upd') {
                layer.open({
                    type: 2, // page 层类型
                    area: ['800px', '60%'],
                    title: '修改工作站',
                    shade: 0.6, // 遮罩透明度
                    shadeClose: true, // 点击遮罩区域，关闭弹层
                    maxmin: true, // 允许全屏最小化
                    anim: 0, // 0-6 的动画形式，-1 不开启
                    content: '/WorkStation/UpdateView?id=' + data.id,
                    end: function () {
                        // iframe层关闭后刷新页面
                        location.reload(); // 刷新页面
                    }
                });
            }
        });


        // 添加
        $("#addButton").on("click", function() {
              layer.open({
              type: 2, // page 层类型
              area: ['1000px', '80%'],
              title: '添加工作站',
              shade: 0.6, // 遮罩透明度
              shadeClose: true, // 点击遮罩区域，关闭弹层
              maxmin: true, // 允许全屏最小化
              anim: 0, // 0-6 的动画形式，-1 不开启
              content: '/NoticeOfArrival/AddView',
               end: function () {
                       // iframe层关闭后刷新页面
                       location.reload(); // 刷新页面
               }
            });
        });

    });

      // 编号超链接跳转
    function hyperlinks(id) {
          console.log(id);
          layer.open({
              type: 2, // page 层类型
              area: ['800px', '60%'],
              title: '添加到货通知',
              shade: 0.6, // 遮罩透明度
              shadeClose: true, // 点击遮罩区域，关闭弹层
              maxmin: true, // 允许全屏最小化
              anim: 0, // 0-6 的动画形式，-1 不开启
              content: '/WorkStation/HyperlinksView?id='+id,
               end: function () {
                       // iframe层关闭后刷新页面
                       location.reload(); // 刷新页面
               }
            });
    }

    // 编号超链接跳转
    function openPopup(notificationCode) {
          console.log(notificationCode);
          layer.open({
              type: 2, // page 层类型
              area: ['1200px', '60%'],
              title: '到货通知详情',
              shade: 0.6, // 遮罩透明度
              shadeClose: true, // 点击遮罩区域，关闭弹层
              maxmin: true, // 允许全屏最小化
              anim: 0, // 0-6 的动画形式，-1 不开启
              content: '/NoticeOfArrival/ArriveDetails?notificationCode='+notificationCode,
               end: function () {
                       // iframe层关闭后刷新页面
                       location.reload(); // 刷新页面
               }
            });
    }



</script>





























<script src="~/libs/layui-v2.5.6/layui/layui.js"></script>
<script src="~/libs/jquery/jquery.js"></script>